<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>生产追溯</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../lib/layui2/css/layui.css" media="all">
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
<script type="text/javascript" src="../lib/html5.js"></script>
<script type="text/javascript" src="../lib/respond.min.js"></script>
<![endif]-->


    <div id="hcvueapp">
        <div class="layui-form-item" style="margin-top: 20px; margin-left: 90px;">
            <div class="layui-inline">
                <label class="layui-form-label">有机码</label>
                <div class="layui-input-inline">
                    <input type="tel" name="phone" lay-verify="required" v-model="codeinfo" autocomplete="true" placeholder="请输入有机码" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <button class="layui-btn layui-btn-normal" onclick="findallinfo()">查询</button>
            </div>
        </div>

        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px; margin-left: 60px;">
            <legend>{{message}}</legend>
        </fieldset>
        <ul class="layui-timeline" style="margin-left: 60px;">
            <li class="layui-timeline-item" v-for="taskinfo in listinfo.review_task">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">{{ taskinfo.taskno }} 时间 {{ taskinfo.dataaddtime.Value}} 农产品{{ taskinfo.tasksctypename }}</h3>
                    <p>
                        无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
                    </p>
                </div>
            </li>
            <li class="layui-timeline-item" v-for="taskinfo in listinfo.review_task_work">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">{{ taskinfo.infotypename }} 时间 {{ taskinfo.dataaddtime.Value}} -{{taskinfo.infofv1}} </h3>
                    <p>
                        无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
                    </p>
                </div>
            </li>
            <li class="layui-timeline-item" v-for="taskinfo in listinfo.review_task_work_get">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">{{ taskinfo.infotypename }} 时间 {{ taskinfo.dataaddtime.Value}} 数量：{{ taskinfo.infonv2}}  </h3>
                    <p>
                        无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
                    </p>
                </div>
            </li>
             <li class="layui-timeline-item" v-for="taskinfo in listinfo.review_task_work_instore"><!--采摘入库-->
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">{{ taskinfo.inouttype }} 时间 {{ taskinfo.dataaddtime.Value}} 数量：{{ taskinfo.storeall}}  </h3>
                    <p>
                        无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
                    </p>
                </div>
            </li>
               <li class="layui-timeline-item" v-for="taskinfo in listinfo.review_task_work_selfworkoutstore"><!--采摘自加工出库-->
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">{{ taskinfo.inouttype }} 时间 {{ taskinfo.dataaddtime.Value}} 数量：{{ taskinfo.storeall}}  </h3>
                    <p>
                        无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
                    </p>
                </div>
            </li>
               <li class="layui-timeline-item" v-for="taskinfo in listinfo.review_task_work_selfworkbackstore"><!--采摘自加工回库-->
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">{{ taskinfo.inouttype }} 时间 {{ taskinfo.dataaddtime.Value}} 数量：{{ taskinfo.storeall}}  </h3>
                    <p>
                        无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
                    </p>
                </div>
            </li>
            <li class="layui-timeline-item" v-for="taskinfo in listinfo.review_task_work_outstore">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">{{ taskinfo.inouttype }} 时间 {{ taskinfo.dataaddtime.Value}} {{ taskinfo.outdesc}}   数量：{{ taskinfo.storeall}}  </h3>
                    <p>
                        无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
                    </p>
                </div>
            </li>
            <li class="layui-timeline-item" v-for="taskinfo in listinfo.review_task_wayto_center">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">{{ taskinfo.inouttype }} 时间 {{ taskinfo.dataaddtime.Value}} {{ taskinfo.outdesc}}   数量：{{ taskinfo.storeall}}  </h3>
                    <p>
                        无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
                    </p>
                </div>
            </li>
            <li class="layui-timeline-item" v-for="taskinfo in listinfo.review_task_center_getwork">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">{{ taskinfo.inouttype }} 时间 {{ taskinfo.dataaddtime.Value}} {{ taskinfo.outdesc}}   数量：{{ taskinfo.storeall}}  </h3>
                    <p>
                        无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
                    </p>
                </div>
            </li>
            <li class="layui-timeline-item" v-for="taskinfo in listinfo.review_task_center_work_shutok">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">{{ taskinfo.inouttype }} 时间 {{ taskinfo.dataaddtime.Value}} {{ taskinfo.outdesc}}   数量：{{ taskinfo.storeall}}  </h3>
                    <p>
                        无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
                    </p>
                </div>
            </li>
            <li class="layui-timeline-item" v-for="taskinfo in listinfo.review_task_center_work_codeok">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">{{ taskinfo.inouttype }} 时间 {{ taskinfo.dataaddtime.Value}} {{ taskinfo.outdesc}}   数量：{{ taskinfo.storeall}}  </h3>
                    <p>
                        无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
                    </p>
                </div>
            </li>
            <li class="layui-timeline-item" v-for="taskinfo in listinfo.review_task_center_work_ok_out">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">{{ taskinfo.inouttype }} 时间 {{ taskinfo.dataaddtime.Value}} {{ taskinfo.outdesc}}   数量：{{ taskinfo.storeall}}  </h3>
                    <p>
                        无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
                    </p>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                <div class="layui-timeline-content layui-text">
                    <div class="layui-timeline-title">{{showmessage}}</div>
                </div>
            </li>
        </ul>
    </div>
    <script type="text/javascript" src="../js/vue.min.js"></script>
    <script>
        var hcvueapp = new Vue({
            el: '#hcvueapp',
            data: {
                message: '绿色健康生活，源于真诚！',
                showmessage: '诗与远方！',
                codeinfo: '',
                listinfo: []
            },
            methods: {

            }
        })
    </script>
    <script src="../hcjsui/Scripts/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="../lib/layui2/layui.js" charset="utf-8"></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
    <script type="text/javascript">
        var whereaddinfo = "";
        function findallinfo() {
            $.ajax({
                type: "post",
                url: "../ashx/ReViewService.ashx",
                dataType: "json",
                data: {
                    "action": "backtimereview",
                    "codeinfo": hcvueapp.codeinfo
                },
                async: true,
                cache: false,
                error: function (error) {

                },
                success: function (data) {
                    console.log(data);
                    //var result = JSON.parse(data);
                    //console.log(result);
                    hcvueapp.listinfo = data;

                    if (hcvueapp.listinfo == null || hcvueapp.listinfo.review_task_center_work_codeok==null||hcvueapp.listinfo.review_task_center_work_codeok.length == 0) {
                        hcvueapp.showmessage = "抱歉，没有找到对应的有机码信息！";
                    }
                    else { hcvueapp.showmessage = "诗与远方！"; }
                    console.log(hcvueapp.listinfo);

                }
            });
        }
        $(function () {

        });
    </script>

</body>
</html>
